<!doctype html>
<title>ResizeObserver demos</title>
<style>
  #warning {
    color: red;
    background-color: rgba(255,0,0,0.1);
  }
</style>
<h1 id="warning" style="display:none;color:red">ResizeObserver not detected. Demos will not work.</h1>
<h2>ResizeObserver demos</h2>
<p>To run demos on Chrome, launch it with <code>--enable-blink-features=ResizeObserver</code> flag.</p>
<li><a href="component.html">Component</a>: A div whose content changes depending on its size.
<li><a href="chat.html">Chat</a>: Use ResizeObserver to keep chat scrolled to the bottom.
<li><a href="iframe_demo.html">iframe resizing</a>: Use ResizeObserver to size iframes to content.

<script>
if (!window.ResizeObserver)
  document.querySelector("#warning").style.display = "block";
</script>
